<template>
    <div>
        <a-row>
            <a-row class='mytitle'>
                {{ $t('云原生') }}
            </a-row>
            <NoAuthPage v-showNoAuth="'H1-1'" :imgBoxStyle="{ height: '85vh', margin: '10px' }" />
            <a-row v-userAuth="'H1-1'" style="margin:1em">
                <a-card hoverable>
                    <a-tabs :defaultActiveKey="defaultActiveKey" >
                        <a-tab-pane :tab="'K8s-CSI ' + $t('集成')" key="integration">
                            <Integration ref="integrationRef" />
                        </a-tab-pane>
                    </a-tabs>
                </a-card>
            </a-row>
        </a-row>
    </div>
</template>

<script>
import Integration from './cloudnative/k8sintegration.vue'
import NoAuthPage from '@/components/common/NoAuthPage'

export default {
    components: { Integration, NoAuthPage },
    data() {
        return {
            defaultActiveKey: 'integration',
        }
    },
    methods: {
        // tabsChange(key) {
        //     const ref = `${key}Ref`
        //     this.defaultActiveKey = key;
        //     localStorage.setItem('data_copy', key);
        //     if (this.count !== 0) this.$nextTick(() => this.$refs[ref].getList())
        //     this.count++
        // },
    }
}
</script>
